<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			action:表单处理的连接，一般是后台的连接。因为前段语言没有处理表单的能力
			method：类似超链接传值，有字数限制，最大值为255，参数会显示在地址栏中，不安全
			post：没有字数限制，显示内容不会显示在地址栏，更加安全保密
			enctype：文件上传必填，值为multipart/form-data
			
			表单元素
				1、输入框，一行
				2、单选多选按钮
				3、选择框
				4、文本输入框
				5、文件上传
				6、日期
				7、数字
				8、邮箱
				9、手机
		-->
		<form action="" method="" id="form">
			<label for="input_account">账号</label>
			<input type="text" name="" id="input_account" value="" placeholder="html5才有"/>
			<input type="password" name="password" placeholder="请输入密码"/>
			<input type="password" name="password1" placeholder="请再次输入密码"/>
			<input type="text" name="n1" readonly="" placeholder="不能输入"/>
			<input type="text" name="n2" disabled="" placeholder="不能输入"/>
			<input type="email" name="n3" placeholder="请输入邮箱"/>
			<input type="checkbox" name="c1" />
			<br><br>
			不同组
			<input type="radio" name="r1" />
			<input type="radio" name="r2" />
			<br>
			同一组
			<input type="radio" name="r3" />
			<input type="radio" name="r3" />
			<br>
			<br>
			<!-- 没有学后台之前，不需要使用submit -->
			<input type="submit" value="提交" />
			<input type="reset" value="重置" />
			<input type="button" id="btn_submit" value="普通按钮" />
			
		</form>
		
		<script type="text/javascript">
			let btn_submit = document.getElementById("btn_submit");
			btn_submit.onclick = dosubmit;
 			function dosubmit(){
				console.log(1);
				let form = document.getElementById("form");
				form.submit();
			}
		</script>
	</body>
</html>
